@layout("/common/_container.html",{js:["/assets/order/outOrder/outOrder_add.js"]}){
<style>
	.layui-badge-rim, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input, .layui-layedit, .layui-layedit-tool, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea {
    	border-color: #89d19d;
    }
    .layui-form-pane .layui-form-label {
   	 	background-color: #e6e6e6;
        width: 160px;
	}
</style>
<div class="layui-body-header">
    <span class="layui-body-header-title">Add</span>
</div>

<div class="layui-fluid " style="">
    <div class="layui-card">
        <div class="layui-card-body">
            <form id="outOrderForm" lay-filter="outOrderForm" class="layui-form layui-form-pane" style="max-width: 1300px;margin: 40px auto;">
                <input name="id" type="hidden"/>
                <fieldset class="layui-elem-field layui-field-title" style="margin-top: 1px;">
                    <legend>Enter Outbound Order</legend>
                </fieldset>
                <div class="layui-form-item">
                    <table>
                        <tr>
                            <td>
                                <label class="layui-form-label" style="font-weight: 600;">Customer Unit<span style="color: red;">*</span></label>
                            </td>
                            <td colspan="3">
                                <select id="outCustomerId" name="outCustomerId" lay-filter="outCustomerId" lay-verify="required" required >
                                    @for(item in basicCustomerList!){
                                    <option value="${item.id}">${item.customerName}</option>
                                    @}
                                </select>
                            </td>
                            <td>
                                <label class="layui-form-label">Settlement Unit</label>
                            </td>
                            <td>
                                <input id="settlementUnit" name="settlementUnit" placeholder="Please enter settlement unit" type="text" class="layui-input" />
                            </td>
                            <td>
                                <label class="layui-form-label" style="font-weight: 600;">Outbound Time<span style="color: red;">*</span></label>
                            </td>
                            <td colspan="3">
                                <input id="outTime" name="outTime" placeholder="Please enter outbound time" type="text" class="layui-input" readonly="required" style="background: #E7EAED" />
                            </td>
                        </tr>

                        <tr>
                            <td>
                                <label class="layui-form-label" style="font-weight: 600;">Customer Order No.<span style="color: red;">*</span></label>
                            </td>
                            <td>
                                <input id="customerNumber" name="customerNumber" placeholder="Please enter customer order no." type="text" class="layui-input" lay-verify="required" required/>
                            </td>
                            <td>
                                <label class="layui-form-label">Sales Delivery No.</label>
                            </td>
                            <td>
                                <input id="saleDeliveryCompany" name="saleDeliveryCompany" placeholder="Please enter sales delivery no." type="text" class="layui-input" lay-verify="" />
                            </td>
                            <td>
                                <label class="layui-form-label" style="font-weight: 600;">Outbound Method<span style="color: red;">*</span></label>
                            </td>
                            <td>
                                <select id="outWay" name="outWay" lay-filter="outWay" lay-verify="required" required>
                                   	<option value="Delivery">Delivery</option>
                                   	<option value="Self-pickup">Self-pickup</option>
                                   	<!-- <option value="Transfer">Transfer</option> -->
                                </select>
                            </td>
                            <td>
                                <label class="layui-form-label">Transport Method</label>
                            </td>
                            <td>
                                <select id="transportWay" name="transportWay" lay-filter="transportWay" lay-verify="" required>
                                    @for(item in dictResultList1!){
                                    <option value="${item.name}">${item.name}</option>
                                    @}
                                </select>
                            </td>
                        </tr>

                        <tr>
                            <td>
                                <label class="layui-form-label" style="font-weight: 600;">Warehouse Name<span style="color: red;">*</span></label>
                            </td>
                            <td>
                                <select id="outStorehouseId" name="outStorehouseId" lay-filter="outStorehouseId" lay-verify="required" >
                                    @for(item in basicWarehouseList!){
                                    <option value="${item.id}">${item.warehouseName}</option>
                                    @}
                                </select>
                            </td>
                            <td>
                                <label class="layui-form-label">Settlement Method</label>
                            </td>
                            <td>
                                <select id="settlementWay" name="settlementWay" lay-filter="settlementWay" lay-verify="" >
                                    <option value=""></option>
                                    @for(item in dictResultList!){
                                    <option value="${item.name}">${item.name}</option>
                                    @}
                                </select>
                            </td>
                            <td>
                                <label class="layui-form-label">Salesperson</label>
                            </td>
                            <td>
                                <input id="salesman" name="salesman" placeholder="Please enter salesperson" type="text" class="layui-input" />
                            </td>
                            <td>
                                <label class="layui-form-label">Salesperson Phone</label>
                            </td>
                            <td>
                                <input id="salesmanTel" name="salesmanTel" placeholder="Please enter salesperson phone" type="text" class="layui-input"  />
                            </td>
                        </tr>

                        <tr>
                            <td>
                                <label class="layui-form-label">Remarks</label>
                            </td>
                            <td colspan="9">
                                <input id="returnNote" type="hidden">
                                <input id="note" name="note" placeholder="Please enter remarks" type="text" class="layui-input" />
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="layui-form-item" id="unit-h">
                    <table style="line-height: 0px;">
                        <tr style="height: 40px;">
                            <td colspan="6"><i class="layui-icon">&#xe66f;</i><b>Shipment Information</b></td>
                            <td colspan="4"><i class="layui-icon">&#xe66f;</i><b>Delivery Information</b></td>
                        </tr>
                        <tr>
                            <td>
                                <label class="layui-form-label">Loading Unit</label>
                            </td>
                            <td>
                                <input id="verify" type="hidden">
                                <input id="setUnitId" name="setUnitId" type="hidden">
                                <input id="setUnit" name="setUnit" placeholder="Please select" type="text" class="layui-input" lay-verify="" required/>
                            </td>
                            <td>
                                <label class="layui-form-label" style="font-weight: 600;">Shipment Date<span style="color: red;">*</span></label>
                            </td>
                            <td>
                                <input id="setMentiontime" name="setMentiontime" placeholder="Please enter shipment date" type="text" class="layui-input"  lay-verify="date" required readonly="" style="background: #E7EAED"/>
                            </td>
                            <td>
                                &nbsp;&nbsp;&nbsp;&nbsp;
                                &nbsp;&nbsp;&nbsp;&nbsp;
                                &nbsp;&nbsp;&nbsp;&nbsp;
                                &nbsp;&nbsp;&nbsp;&nbsp;
                            </td>
                            <td>
                                &nbsp;&nbsp;&nbsp;&nbsp;
                                &nbsp;&nbsp;&nbsp;&nbsp;
                                &nbsp;&nbsp;&nbsp;&nbsp;
                                &nbsp;&nbsp;&nbsp;&nbsp;
                            </td>
                            <td>
                                <label class="layui-form-label" style="font-weight: 600;">Unloading Unit<span style="color: red;">*</span></label>
                            </td>
                            <td>
                                <input id="getUnitId" name="getUnitId" type="hidden">
                                <input id="getUnit" name="getUnit" placeholder="Please select" type="text" class="layui-input" lay-verify="required" required/>
                            </td>
                            <td>
                                <label class="layui-form-label">Arrival Time</label>
                            </td>
                            <td>
                                <input id="getMentiontime" name="getMentiontime" placeholder="Please enter arrival time" type="text" class="layui-input" lay-verify="" required readonly="readonly" style="background: #E7EAED"/>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label class="layui-form-label">Loading Address</label>
                            </td>
                            <td colspan="3">
                                <input id="setLocationId" name="setLocationId" type="hidden">
                                <input id="setLocation" name="setLocation" placeholder="Please select" type="text" class="layui-input" lay-verify="" required/>
                            </td>
                            <td>
                                &nbsp;&nbsp;&nbsp;&nbsp;
                                &nbsp;&nbsp;&nbsp;&nbsp;
                                &nbsp;&nbsp;&nbsp;&nbsp;
                                &nbsp;&nbsp;&nbsp;&nbsp;
                            </td>
                            <td>
                                &nbsp;&nbsp;&nbsp;&nbsp;
                                &nbsp;&nbsp;&nbsp;&nbsp;
                                &nbsp;&nbsp;&nbsp;&nbsp;
                                &nbsp;&nbsp;&nbsp;&nbsp;
                            </td>
                            <td>
                                <label class="layui-form-label" style="font-weight: 600;">Unloading Address<span style="color: red;">*</span></label>
                            </td>
                            <td colspan="3">
                                <input id="getLocationId" name="getLocationId" type="hidden">
                                <input id="getLocation" name="getLocation" placeholder="Please select" type="text" class="layui-input" lay-verify="required" required/>
                            </td>
                            <td colspan="1">
                            	<button class="layui-btn layui-btn-primary" type="button" id="choicep"><i class="layui-icon">&#xe715;</i>Select Location</button>
                            </td>
                        </tr>

                        <tr>
                            <td>
                                <label class="layui-form-label">Contact Person</label>
                            </td>
                            <td>
                                <input id="setPeople" name="setPeople" placeholder="Please enter contact person" type="text" class="layui-input" lay-verify="" required/>
                            </td>
                            <td>
                                <label class="layui-form-label">Contact Phone</label>
                            </td>
                            <td>
                                <input id="setTel" name="setTel" placeholder="Please enter contact phone" type="text" class="layui-input" lay-verify="" required/>
                            </td>
                            <td>
                                &nbsp;&nbsp;&nbsp;&nbsp;
                                &nbsp;&nbsp;&nbsp;&nbsp;
                                &nbsp;&nbsp;&nbsp;&nbsp;
                                &nbsp;&nbsp;&nbsp;&nbsp;
                            </td>
                            <td>
                                &nbsp;&nbsp;&nbsp;&nbsp;
                                &nbsp;&nbsp;&nbsp;&nbsp;
                                &nbsp;&nbsp;&nbsp;&nbsp;
                                &nbsp;&nbsp;&nbsp;&nbsp;
                            </td>
                            <td>
                                <label class="layui-form-label">Contact Person</label>
                            </td>
                            <td>
                                <input id="getPeople" name="getPeople" placeholder="Please enter contact person" type="text" class="layui-input" lay-verify="" required/>
                            </td>
                            <td>
                                <label class="layui-form-label">Contact Phone</label>
                            </td>
                            <td>
                                <input id="getTel" name="getTel" placeholder="Please enter contact phone" type="text" class="layui-input" lay-verify="" required/>
                            </td>
                        </tr>

                    </table>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-filter="btnSubmit" lay-submit>&emsp;Submit&emsp;</button>
                        <button class="layui-btn layui-btn-primary" type="button" id="backupPage">&emsp;Back&emsp;</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

@}